.layerManage {
    $bg-color: #212825;
    width: 464px;
    height: 623px;
    background: $bg-color;
    opacity: 0.96;
    border: 1px solid #5e706f;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1009;

    .head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 50px;
        color: #fff;
        padding: 0 15px;
        border-bottom: 1px solid #c5fffb48;
    }
    .tree {
        height: calc(100% - 100px);
        overflow: auto;
    }

    .footer {
        height: 50px;
        color: #fff;
        padding: 0 15px;
        border-top: 1px solid #c5fffb48;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 0;
        width: 100%;

        .passBtn {
            background-color: #00f794;
            border: 1px solid #00f794;
            color: #fff;
        }

        .rejectBtn {
            background-color: #ff0000;
            border: 1px solid #ff0000;
            color: #fff;
        }

        .resetUserBtn {
            background-color: #00e9ff;
            border: 1px solid #00e9ff;
            color: #fff;
        }
    }

    // :global {
    //     .ant-tree {
    //         color: #fff;
    //         background-color: $bg-color;
    //     }
    //     .ant-tree-checkbox-inner {
    //         width: 20px;
    //         height: 20px;
    //         background: #484d4b;
    //         border: 1px solid #484d4b;
    //     }

    //     .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
    //         border: 2px solid #00f794;
    //         border-top: 0;
    //         border-left: 0;
    //     }
    //     .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
    //         width: 10px;
    //         height: 10px;
    //         background-color: #00f794;
    //     }
    //     .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
    //     .ant-tree-checkbox:hover .ant-tree-checkbox-inner,
    //     .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
    //         border-color: #00f794;
    //     }
    //     .ant-tree-checkbox-checked::after {
    //         border: 1px solid #00f794;
    //     }
    //     .ant-tree .ant-tree-node-content-wrapper:hover {
    //         color: #00f794;
    //         background-color: #1d4a37;
    //     }

    //     .ant-tree .ant-tree-treenode {
    //         width: 100%;

    //         &:hover {
    //             color: #00f794;
    //             background-color: #1d4a37;
    //         }
    //     }
    // }
}

.deleteModal {
    width: 360px;
    height: 171px;
    background: #212825;
    border: 1px solid #5e706f;
    position: absolute;
    opacity: 0.9;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1012;
    .close {
        position: absolute;
        top: 5px;
        right: 5px;
        color: #fff;
    }
    .content {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        padding: 15px 0;
        .warnIcon {
            color: #ff0000;
            font-size: 33px;
        }

        > span:nth-child(2) {
            font-size: 16px;
            font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
            font-weight: 500;
            color: #ffffff;
        }

        .rejectBtn {
            background-color: #ff0000;
            border: 1px solid #ff0000;
            color: #fff;
            margin-top: auto;
        }
    }
}

.mask {
    position: fixed;
    inset: 0;
    height: 100vh;
    background-color: #000;
    opacity: 0.72;
    z-index: 999;
}
